$brand-danger: #BF2C24;

section.books {
	
	.pane-title {
		position: relative;
		border-bottom: 1px solid #999;
		margin-bottom: 20px;
		
		.title {
			margin-top: 0px;
			font-style: italic;
			padding-left: 14px;
			color: #333;
		}
		
		.info {
			color: #ccc;
		}
		
		&:before {
			content: "";
			position: absolute;
			left: 0px;
			top: 3px;
			display: block;
			width: 10px;
			height: 20px;
			background-color: $brand-danger;
		}
	}
	
	.book {
		display: block;
		margin-bottom: 60px;
		transition: transform .2s;
		
		.book-thumbnail {
			transform-origin: left;
			height: 120px;
			transition: transform .5s;
		}
		
		.title {
			margin-top: 0px;
			color: #333;
		}
		.desc {
			height: 56px;
			overflow: hidden;
			font-size: 12px;
			color: #777;
			margin-bottom: 10px;
		}
		.info {
			display: flex;
			justify-content: space-between;
			
			.author {
				color: #bbb; 
			}
			
			.label-default {
				background-color: #bbb;
			}
		}
		
		&:hover {
			transform: scale(1.05);
		}
	}
	
	.recommend {
		>.title {
			color: #333;
			margin: 0px;
			padding-bottom: 10px;
			border-bottom: 1px solid #ddd;
		}
		
		.books-sm {
			.book-sm {
				display: block;
				padding: 20px 0px;
				border-bottom: 1px solid #f8f8f8;
				transition: transform .3s, box-shadow .5s;
				
				.media-left {
					height: 120px;
				}
				.title {
					margin-top: 0px;
					color: #333;
				}
				.author {
					color: #ccc;
					margin-bottom: 46px;
				}
				.info {
					color: #999;
				}
				&:hover {
					box-shadow: 2px 2px 2px #f4f4f4;
					transform: translate(-2px, -2px);
					
					.title {
						color: $brand-danger;
					}
				}
			}
			>li:last-child .book-sm {
				border-bottom: none;
			}
		}
	}
}